<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>图片标签</title>
	</head>
	<body>
		<!--
		图片标签：ing 单标签
		src属性：图片源，指向素材的地址；
		alt属性：图片加载错误的提示；
		width属性：给图片设置宽度
		height属性：给图片设置高度
		图片的宽和高一般只设置一个，另一个属性会对图片进行等比例缩放。
		快速打注释：ctr1+/
		-->
		
		<img src="img/cz.jpg">"图片加载错误!"width="200"/>
		<img src="img/wjk.jpg" width="200" />
		<img src="img/wjk.jpg" />
		</--
		列表标签：
		无序列表
		有序列表
		自定义列表
		-->
		<ul>  <!--表示属于无序列表 -->
		<li>第一列</li> 
		<li>第二列</li>
		<li>第三列</li>
		</ul>
		<ol>
			<li>有序列表1</li>
			<li>有序列表2</li>
			<li>有序列表3</li>
			</ul>
		</ol>
		<li><img src="img/300.jpg"alt="加载错误"/></li>
		<li><img href="https://www.mi.com">小米官网</a></li>
		</ol>
       <dt>自购指南</dt>
	   <dd><a href="https://cn.bing.com/search?q=%E5%B0%8F%E7%B1%B3&form=ANSPH1&refig=6604e592517741d0be3327210d6c6cc5&pc=NMTS&sp=2&lq=0&qs=HS&sk=PRES1HS1&sc=10-0&cvid=6604e592517741d0be3327210d6c6cc5"target="—_blank">手机</a></dd>
       <dd>平板</dd>
	   <dd>电视</dd>
	   </dl>
	   <dl>
		   <dt>服务中心</dt>
		   <dd>线下门店</dd>
		   <dd>官方客服</dd>
		   </dl>
	</body>
</html>
